<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>报名表</title>
    <link rel="stylesheet" href="风格.css">
</head>

<body>
    <div id="one">
        <h1>穿越体验报名表</h1>
        <form action="#">
            姓名：
            <input type="text" /><br />
            性别：
            男<input type="radio" name="gender" />
            女<input type="radio" name="gender" /><br />
            身高:
            <input type="text" /><br />
            体重：
            <input type="text" /><br />
            年龄：
            <input type="text" /><br />
            技能：
            <input type="checkbox" value="1" name="a">唱歌
            <input type="checkbox" value="2" name="b">跳舞
            <input type="checkbox" value="3" name="c">手工
            <input type="checkbox" value="4" name="d">占卜
            <input type="checkbox" value="5" name="e">武术
            <br />
            意向穿越世界：
            <select name="意向世界" id="aa">
                <option >古代</option>
                <option >现代</option>
                <option >玄幻</option>
                <option >远古</option>
                <option >魔幻</option>
            </select>
            <br />
            请写下你的剧情设定：
            <br />
            <textarea rows="10" cols="20">尽量详细一点哦~~</textarea>
            <br />
            <input type="submit" class="button" value="提交" >
            <input type="reset"  class="button" value="重置" >
        </form>
    </div>
    <div id="two">
        <h1>意向世界风格展示</h1>
        古代
        <img src="图片/古代.jpg" alt="古代">
        现代
        <img src="图片/现代.jpg" alt="现代">
        玄幻
        <img src="图片/玄幻.jpg" alt="玄幻">
        远古
        <img src="图片/远古.jpg" alt="远古">
        魔幻
        <img src="图片/魔幻.jpg" alt="魔幻">
    </div>
</body>
</html>